<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<html>
<head>
	<base href="${path}/">
	<title>新疆大学图书馆空间预约系统</title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/index1.css">

	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" href="layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="css/public.css" media="all" />
	
</head>

<body>
	<div class="header">
		<div class="xjulogo">
			<img src="${path}/img/logo.png" alt="新疆大学LOGO" class="logo">
		</div>
		<div class="lib">
			<a style="font-size: 40px;">图书馆空间预约系统</a>
		</div>
	</div>

	<div class="container">

		<div class="main_left">
			<div class="time_rest">
				<p >
					<span id="time"></span> &nbsp; 当前可预约的座位数量&nbsp;&nbsp; <span style="color: red;">1000</span>
				</p>
			</div>
			<div class="huanying">
				<p style="color: red;">欢迎使用新疆大学图书馆空间预约系统</p>
			</div>
			<div class="rlue">
				<ul>
					<li>使用说明：</li>
					<li>1、座位预约：读者直接点击预约座位进行预约，选择自己的座位</li>
					<li>2、座位签到：读者通过网上预约当日的座位，预约成功后需要30分钟之内进行签到</li>
					<li>3、签到方式1：直接通过门禁系统刷卡进行签到</li>
					<li>4、签到方式2：读者在馆内预约后，座位管理系统根据门禁系统判断该读者是否在馆内来判断是否进行自动签到</li>
					<li>5、未签到：未在规定时间内签到的，系统记该读者未签到违约1次，同时释放预约座位</li>
					<li>6、临时离开：临时离开读者需要在预约机上刷卡，或在网页端对座位进行临时离开</li>
					<li>7、离开时间：临时离开系统自动将读者座位保留60分钟，若在规定时间内通过刷卡机返回，读者可继续使用原座位</li>
					<li>8、信用累计：若读者在违约达到3次，则系统将对该读者禁用此系统2天，多者依次累计</li>
					<li>9、账号密码：使用图书馆账号（一般为学号）及图书馆密码登录本系统</li>
					<li>10、预约时间：以学校图书馆开放时间提前30分钟</li>
				</ul>
			</div>
		</div>
		<div class="main_right">
			<div class="hello">
				<p style="color: rgba(190, 13, 13, 0.822); font-size: 16px;">
					你好！欢迎预约图书馆座位</p>
			</div>
			<div class="login">
				<form action="${path}/action/student/login" method="post">
					<div class="username">
						<label for="username">账&nbsp;&nbsp;号</label>
						<input type="text" class="username_text" placeholder="请输入账号"
							name="uname">
					</div>
					<div class="username">
						<label for="password">密&nbsp;&nbsp;码</label>
						<input type="password" class="passwd_text" placeholder="请输入密码"
							name="passwd">
					</div>
					<div class="username">
						<label for="code">验证码</label>
						<input type="text" name="code" placeholder="请输入..." autocomplete="off" id="code" class="yzhcode_text">
						<img id="vcode" src="action/student/vcode" class="yzhimg">
					</div>
					<div class="mem">
						<input type="checkbox" name="mem_passwd" value="1" id="g1" checked><label
							for="g1">记住密码</label>
					</div>
					<div class="login_btn">
						<input type="submit" class="login_btn_d" value="登录" /> <a
							href="${path}/NewUser.jsp">注册</a>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div class="footer">
		<img src="${path}/img/honghu.jpg" alt="img_honghu">
	</div>
</body>



 <script src="js/jquery-1.11.1.js"></script>
 <script>
	    var myDate = new Date;
	    var year = myDate.getFullYear(); //获取当前年
	    var mon = myDate.getMonth() + 1; //获取当前月
	    var date = myDate.getDate(); //获取当前日   
	    // var h = myDate.getHours();//获取当前小时数(0-23)
	    // var m = myDate.getMinutes();//获取当前分钟数(0-59)
	    // var s = myDate.getSeconds();//获取当前秒
	    var week = myDate.getDay();
	    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
	   // console.log(year, mon, date, weeks[week])
	    $("#time").html(year + "年" + mon + "月" + date + "日" + weeks[week]);
 </script>
<script type="text/javascript" src="${path}/layui/layui.js"></script>

<script type="text/javascript">
	layui.use(['form'], function(){
  	 	 var form = layui.form;
   		 var layer = layui.layer;
   		 var $ = layui.$;
   		 
   		 $('#vcode').click(function() {
    			$('#vcode').attr('src', '${path}/action/student/vcode?'+Math.random());
    			return false;
  		  });
   		<c:if test="${!empty msg}">
   			//alert("${msg}");
   			layer.open({
  				title: '错误'
 			 	,content: '${msg}'
			});    
   		   
   		</c:if>
   		
	});	
	</script>





